<template>
  <!-- 物探列表 -->
  <div class="app-container-add">
    <el-table
      ref="multipleTable"
      v-loading="tableLoading"
      stripe
      class="table-list"
      :data="tableData"
      :row-style="rowClass"
    >
      <el-table-column label="序号" type="index" width="55" align="center" />
      <el-table-column prop="" label="剖面号" align="center">
        <el-table-column prop="sectopmStartNo" label="起" min-width="80" align="center" />
        <el-table-column prop="sectopmEndNo" label="止" min-width="80" align="center" />
      </el-table-column>
      <el-table-column prop="electrodeplate" label="电极数(个)" min-width="100" align="center" />
      <el-table-column prop="electrodeSpacing" label="电极间距(m)" min-width="100" align="center" />
      <el-table-column prop="lineLength" label="测线长度(m)" min-width="100" align="center" />
      <el-table-column prop="floor" label="层数" min-width="100" align="center" />
      <el-table-column prop="dataNumber" label="测量数据(个)" min-width="100" align="center" />
      <el-table-column prop="equipment" label="测量装置" min-width="100" align="center" />
      <el-table-column prop="createTime" label="创建时间" width="180" align="center" />
    </el-table>
  </div>
</template>

<script>
export default {
  name: 'PersonneType',
  props: {
    tableData: {
      type: Array,
      default: () => []
    },
    fomData: {
      type: Object,
      default: () => ({

      })
    }
  },
  data() {
    return {
      tableLoading: false, // 表格加载
      // 高亮样式
      selectRow: []
    }
  },
  methods: {
    // 高亮样式
    rowClass({ row, rowIndex }) {
      if (this.selectRow.includes(rowIndex)) {
        return { 'background-color': 'rgba(185,221,249,.75)' }
      }
    }
  }
}
</script>

